<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>租房网-房源</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=yes">
    <link rel="stylesheet" type="text/css" href="/css/pc/client/common.css">
    <!--[if lte IE 8]>
    <script src="/common/js/html5shiv.js"></script>
    <![endif]-->
    <script src="https://hm.baidu.com/hm.js?d6b1afd88bad903f6c136281ac832114"></script>
    <script type="text/javascript">
        var _hmt = _hmt || [];
        (function () {
            var href = window.location.href;
            if (!href.match('test') && !href.match('mt')) {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?d6b1afd88bad903f6c136281ac832114";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            }
        })();
    </script>
    <link rel="stylesheet" type="text/css" href="/css/pc/client/personal.css">
    <link rel="stylesheet" type="text/css" href="/css/pc/client/memApartmentMng.css">
    <link rel="stylesheet" type="text/css" href="/css/pc/client/addApart.css">
    <link rel="stylesheet" href="/libs/webupload/webuploader.css">
    <style type="text/css">
        .con-box .con-sku-items {
            width: 790px;
        }

        .att_rent_type {
            position: absolute !important;
            right: 58px;
            top: 0px;
        }

        #form_box {
            margin-top: 0px;
        }

        #pic_apart_con .pic_shen_trangle {
            position: absolute;
            top: 118px;
            border: 20px solid rgba(0, 0, 0, 0.7);
            width: 230px;
        }

        #pic_apart_con .shen {
            position: absolute;
            top: 137px;
            left: 90px;
            line-height: 0px !important;
            color: #ffffff;
        }
    </style>
</head>
<body>
<input type="hidden" th:value="${session.username}" name="username" id="username">
<div class="header">
    <div class="nav-wrap">
        <div class="logo">
            <a rel="nofollow" href="#">
                <img src="/img/pc/client/home/logo.png" height="32" alt="租房网">
            </a>
        </div>
        <div class="city-wrap" style="cursor: default;">
            <span th:text="${cityName}"></span><i></i>
            <ul>
                    <span th:each="retAddress,status:${retAddressList}">
                        <span th:if="${retAddress.cityName} != ${cityName}">
                            <li><a rel="nofollow" th:href="@{/retPersonage/personage(id=${retAddress.id})}"
                                   th:text="${retAddress.cityName}"></a></li>
                        </span>
                    </span>
            </ul>
            <!-- <span>[<a rel="nofollow" href="https://www.zufun.cn/index" class="link" target="_blank">切换城市</a>]</span> -->
        </div>
        <div class="nav-items">
            <div class="nav-item">
                <a rel="nofollow" th:href="@{/retAddress/index}">首页</a>
            </div>

            <div class="nav-item">
                <a th:href="@{/retAddress/searchList}">租房</a>
            </div>

            <div class="nav-item">
                <a rel="nofollow" href="https://www.zufun.cn/platform" target="_blank">物业平台</a>
            </div>

            <div class="nav-item user-down-wrap" id="login_holder">
                <a href="#loginModal" rel="nofollow" data-toggle="modal" data-target="#loginModal">注册/登录</a>
            </div>
        </div>
    </div>
</div>
<div id="container">
    <div id="left_nav">
        <div class="per-info">
            <ul>
                <li>
                    <a href="/retPersonage/personage">个人信息</a>
                </li>
                <li>
                    <a href="/retPersonage/message">
                        系统消息
                    </a>
                </li>
                <li>
                    <a href="/retPersonage/favorite">
                        我的收藏
                    </a>
                </li>
                <li>
                    <a href="/retPersonage/appointment">
                        预约管理
                    </a>
                </li>
                <li class="per-active">
                    <a href="/retPersonage/apt/index">
                        出租房源
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="main">

    </div>
</div>
<!-- 个人中心的内容区域 end -->
</div>
<div id="mask">
    <div id="edit_apart_con" class="alert" style="width:928px;">

    </div>
    <div id="pic_apart_con" class="con-box">
        <div class="pic-box">
            <div id="pic_apart_holder">
            </div>
            <div class="pic-holder add-pic">
                <div id="upload_holder"></div>
                <!-- <input accept="image/*" multiple="multiple" type="file" class="upload-holder"/> -->
            </div>
        </div>
    </div>
</div>
<!-- /buldings -->
<div style="clear:both"></div>
<div class="new-footer" style="margin-top:20px;">
    <div class="site-zufun">
        <div class="site-info">
            <p>
                <a rel="nofollow" href="https://www.zufun.cn/about" target="_blank">关于我们</a><span>|</span>
                <a rel="nofollow" href="https://www.zufun.cn/question" target="_blank">常见问题</a><span>|</span>
                <a rel="nofollow" href="https://www.zufun.cn/business" target="_blank">商务合作</a><span>|</span>
                <a rel="nofollow" href="https://www.zufun.cn/job" target="_blank">招聘信息</a><span>|</span>
                <a rel="nofollow" href="https://www.zufun.cn/protocol" target="_blank">服务声明</a><span>|</span>
                <a rel="nofollow" href="javascript:void(0);" onclick="suggest();">意见反馈</a><span>|</span>
                <a rel="nofollow" href="/sitemap" target="_blank">网站地图</a>
            </p>
            <div class="call-us">
                <div class="qrcode-wrap">
                    <span style="display: block;line-height: 1.3;white-space: nowrap;letter-spacing:2px;position: absolute;right:-30px;top: 17px;color:#999;">下载APP</span>
                    <i class="icon icon-mobile" style="position:relative;right:60px;"></i>
                    <i class="icon icon-app-qrcode qrcode" style="left:-102px;"></i>
                </div>
                <div class="qrcode-wrap">
                    <span style="display: block;line-height: 1.3;white-space: nowrap;letter-spacing:2px;position: absolute;left:30px;top: 17px;color:#999;">关注公众号</span>
                    <i class="icon icon-weixin"></i>
                    <i class="icon icon-weixin-qrcode qrcode"></i>
                </div>
            </div>
        </div>
        <div class="site-copyright" style="text-align:left;">
            <p>©2015-2020 深圳易找房信息技术有限公司&nbsp;&nbsp;版权所有&nbsp;&nbsp;<a href="http://beian.miit.gov.cn" target="_blank"
                                                                      rel="nofollow">粤ICP备15073386号</a></p>
            <span class="hotline" style="position: absolute;top: 30px;right: 0;font-size: 14px;">服务热线：132-6682-1881（9:00 - 18:00）</span>
        </div>
    </div>
</div>
<script id="suggest_tpl" type="text/html">
    <form id="suggest_form">
        <div class="form-group">
            <div class="textarea-group">
                <label>反馈内容</label>
                <textarea name="content" placeholder="欢迎提出您在使用过程中遇到的问题或宝贵建议，感谢您的支持。"></textarea>
            </div>
            <div class="input-group" style="height:100px;">
                <label>联系方式</label>
                <input type="text" name="email" placeholder="请留下您的手机或邮箱" style="margin-top:5px;" value="{{fu_mobile}}">
            </div>
            <div class="button-group">
                <input type="submit" value="提交反馈">
            </div>
        </div>
    </form>
</script>
<div tabindex="0" style="opacity: 0.7; background: rgb(0, 0, 0); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; user-select: none; z-index: 1024;" class="ui-popup-backdrop"></div>
<div tabindex="-1" class="ui-popup ui-popup-modal ui-popup-show ui-popup-focus" role="alertdialog" style="position: absolute; outline: 0px; left: 370px; top: 122px; z-index: 1024;">
    <div i="dialog" class="ui-dialog">
        <div class="ui-dialog-arrow-a"></div>
        <div class="ui-dialog-arrow-b"></div>
        <table class="ui-dialog-grid">
            <tbody>
            <tr>
                <td i="header" class="ui-dialog-header">
                    <button i="close" class="ui-dialog-close" title="cancel" id="close"><a
                            href="/retPersonage/apt/index">×</a></button>
                    <div i="title" class="ui-dialog-title">编辑房源</div>
                </td>
            </tr>
            <tr>
                <td i="body" class="ui-dialog-body">
                    <div i="content" class="ui-dialog-content" style="width: 900px;">
                        <div class="apt-form-wrap">
        <span th:each="retRentalInformationList,status:${retRentalInformationList}">
                <input type="hidden" name="id" id="id" th:value="${retRentalInformationList.ret_id}">
    <div class="fm-item">

        <div class="fm-input" id="select_ppt_wrap">
            <span class="label">楼盘</span>
            <div class="input-wrap ppt-name">
                <input type="text" name="leaseOut" class="not-post"
                       th:value="${retRentalInformationList.lease_out}" id="leaseOut" disabled="">
            </div>
        </div>
        <div class="fm-input">
            <span class="label">出租类型</span>
            <div class="input-wrap">
                <select name="huxingId" id="huxingId" disabled="">
                    <span th:each="retHuxingList,status:${retHuxingList}">
                        <option th:value="${retHuxingList.id}" th:text="${retHuxingList.huxingType}"
                                th:selected="${retHuxingList.id == retRentalInformationList.huxing_Id}"></option>
                    </span>
                </select>
            </div>
        </div>
    </div>
    <div class="fm-item">
        <div class="fm-input zhenzu-flag" th:if="${retRentalInformationList.huxing_Id} eq 1">
            <span class="label">户型</span>
            <div class="input-wraps">
                <div class="input-wrap">
                    <input type="text" name="retShi" id="retShi" th:value="${retRentalInformationList.ret_shi}" disabled="">
                    <span>室</span>
                </div>
                <div class="input-wrap">
                    <input type="text" name="retTing" id="retTing" th:value="${retRentalInformationList.ret_ting}" disabled="">
                    <span>厅</span>
                </div>
                <div class="input-wrap">
                    <input type="text" name="retWei" id="retWei" th:value="${retRentalInformationList.ret_wei}" disabled="">
                    <span>卫</span>
                </div>
            </div>
        </div>
        <span th:if="${retRentalInformationList.huxing_Id} eq 2">
        <div class="fm-input hezu-flag none" style="display: block;">
            <span class="label">房间面积</span>
            <div class="input-wrap">
                <input type="text" name="att_space" th:value="${retRentalInformationList.measure}" disabled="">
                <span>㎡</span>
            </div>
        </div>
        <div class="fm-input hezu-flag none" style="display: block;">
            <span class="label">总面积</span>
            <div class="input-wrap">
                <input type="text" name="att_total_space" th:value="${retRentalInformationList.zon_measure}"
                       disabled="">
                <span>㎡</span>
            </div>
        </div>
        <div class="fm-input hezu-flag none" style="display: block;">
            <span class="label">房间数</span>
            <div class="input-wrap">
                <input type="text" name="att_rooms" th:value="${retRentalInformationList.ret_fanjianshu}" disabled="">
            </div>
        </div>
            </span>
    </div>
    <div class="fm-item">
        <div class="fm-input">
            <span class="label">楼层</span>
            <div class="input-wrap">
                <input type="text" name="att_floor" th:value="${retRentalInformationList.ret_fanjianshu}" disabled="">
                <span>层</span>
            </div>
        </div>
        <div class="fm-input">
            <span class="label">总楼层</span>
            <div class="input-wrap">
                <input type="text" name="att_top_floor" th:value="${retRentalInformationList.zon_measure}" disabled="">
                <span>层</span>
            </div>
        </div>
    </div>
    <div class="fm-item">
        <div class="fm-input zhenzu-flag" style="display: none;">
            <span class="label">面积</span>
            <div class="input-wrap">
                <input type="text" name="att_space" th:value="${retRentalInformationList.measure}" disabled="">
                <span>㎡</span>
            </div>
        </div>
        <div class="fm-input">
            <span class="label">乡镇</span>
            <div class="input-wrap">
                <select name="att_decoration" id="decoration" disabled="">
                    <span th:each="retProperties,index:${retPropertiesList}">
                         <option th:value="${retProperties.id}" th:text="${retProperties.properties}"
                                 th:selected="${retProperties.id == retRentalInformationList.ret_propertiesId}"></option>
                    </span>
                </select>
            </div>
        </div>
    </div>
    <div class="fm-item">
        <div class="fm-input">
            <span class="label">租金</span>
            <div class="input-wrap">
                <input type="text" name="money" id="money" th:value="${retRentalInformationList.money}">
                <span>元/月</span>
            </div>
        </div>
        <div class="fm-input">
            <span class="label">支付方式</span>
            <div class="input-wrap">
                <select name="paymentId" id="paymentId">
                    <span th:each="retPaymentList,status:${retPaymentList}">
                        <option class="dianji" th:value="${retPaymentList.id}" th:text="${retPaymentList.retPayment}"
                                th:selected="${retPaymentList.id == retRentalInformationList.payment_Id}"></option>
                    </span>
                </select>
            </div>
        </div>
        <div class="fm-input">
            <span class="label">最短租期</span>
            <div class="input-wrap">
                <select name="housingId" id="housingId">
                    <span th:each="retHousingList,status:${retHousingList}">
                        <option th:value="${retHousingList.id}" th:text="${retHousingList.houseType}"
                                th:selected="${retHousingList.id == retRentalInformationList.housing_Id}"></option>
                    </span>
                </select>
            </div>
        </div>
    </div>
    <div class="fm-item">
        <div class="fm-input">
            <span class="label">交通描述</span>
            <div class="input-wrap att-note">
                <input type="text" name="retJiaoton" id="retJiaoton"
                       th:value="${retRentalInformationList.ret_jiaoton}" placeholder="非必填，150字以内...">
            </div>
        </div>
    </div>
             <div class="fm-item">
        <div class="fm-input">
            <span class="label">房源描述</span>
            <div class="input-wrap att-note">
                <input type="text" name="retDescribe" id="retDescribe"
                       th:value="${retRentalInformationList.ret_describe}" placeholder="非必填，150字以内...">
            </div>
        </div>
    </div>
                <div></div></span>
                        </div>
                        <div id="drop_tips_wrap" class="drop-tips-wrap"
                             style="top: 30px; left: 80px; width: 306px; display: none;"></div><!--</form>--></div>
                </td>
            </tr>
            <tr>
                <td i="footer" class="ui-dialog-footer">
                    <div i="statusbar" class="ui-dialog-statusbar" style="display: none;"></div>
                    <div i="button" class="ui-dialog-button">
                        <button type="button" i-id="确定" autofocus="" class="ui-dialog-autofocus" id="submit">确定</button>
                        <button type="button" i-id="取消" id="quxiao"><a href="/retPersonage/apt/index">取消</a></button>
                    </div>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<div tabindex="0" style=""></div>
<script src="/common/js/jquery-1.11.3.min.js"></script>
<script src="/libs/yzf/modules/yzf.tab.js"></script>
<script src="/libs/yzf/modules/yzf.modal.js"></script>
<script src="/libs/yzf/modules/yzf.button.js"></script>
<!--[if !IE]> -->
<script src="/js/pc/client/clientCommon.js"></script>
<!-- <![endif]-->
<!--[if gte IE 9]>
<script src="/js/pc/client/clientCommon.js"></script>
<![endif]-->
<script src="/common/js/jquery.cookie.js"></script>
<script src="/common/js/artForm.js"></script>
<script src="/common/js/md5.js"></script>
<script src="/common/js/base.js"></script>
<script src="/common/js/validateConfig.js"></script>
<script src="/common/js/jquery.validate.js"></script>
<script src="/js/pc/client/loginAndRegist2.js"></script>
<script src="/libs/artdialog/dist/dialog-min.js"></script>
<script src="/common/js/template.js"></script>
<script src="/common/js/jquery.lazyload.min.js"></script>
<!--[if lt IE 8]>
<script src="/libs/JSON-js-master/json2.js"></script>
<![endif]-->
<!--[if lt IE 10]>
<script src="/common/js/normalize.js"></script>
<![endif]-->
<script th:src="@{/lib/layui/layui.js}"></script>
<script type="text/javascript">
    layui.use(["element", "form", "laydate", "okLayer", "okUtils"], function () {
        let form = layui.form;
        let laydate = layui.laydate;
        let okLayer = layui.okLayer;
        let okUtils = layui.okUtils;

        var paymentId;
        var retDescribe;
        var retJiaoton;
        var housingId;
        var money;

        var id = $("#id").val();
        $("#submit").click(function () {
            paymentId = $("#paymentId option:selected").attr("value")
            housingId = $("#housingId option:selected").attr("value")
            retDescribe = $("#retDescribe").val();
            retJiaoton = $("#retJiaoton").val();
            money = $("#money").val();
            $.ajax({
                type: "post",
                url: "/retPersonage/apt/edit1",
                data: {
                    "paymentId": paymentId,
                    "retDescribe": retDescribe,
                    "retJiaoton":retJiaoton,
                    "housingId": housingId,
                    "money": money,
                    "retId": id
                },
                dataType: "json",
                success: function (result) {//返回数据根据结果进行相应的处理
                    if (result == "0") {
                        okLayer.greenTickMsg("修改成功", function () {
                            window.location.href = "/retPersonage/apt/index";
                        });
                    } else {
                        okLayer.greenTickMsg("服务器异常", function () {
                            window.location.href = "/retPersonage/apt/index";
                        });
                    }
                }

            })
        });

        c();
    });

    function c() {
        var user = $("#username").val();
        var t = $("#login_holder");
        user ? t.html('<div class="drop-wrap"><a href="/retPersonage/personage"><span class="icon_user"></span><span>' + user + '</span></a><ul class="arrow-top nav-down-wrap"><li><a href="/retPersonage/personage" target="_blank">个人中心</a></li><li><a href="/retAddress/logout" data-toggle="logout">退出登录</a></li></ul>') : t.html('<a href="#loginModal" rel="noffolow" data-toggle="modal" data-target="#loginModal">注册/登录</a>')
    }
</script>
<script src="/libs/datetimepicker/jquery.datetimepicker.js"></script>
<script src="/libs/webupload/webuploader.nolog.min.js"></script>
<script src="/js/pc/client/memApartmentMng.js"></script>
</body>
</html>